.orderDetail {
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  background-color: #f9f9f9;
  padding-bottom: 100px;
}

/*二维码弹框*/
.scan-content {
  padding: 40px;
  padding-top: 0;
  position: relative;
  width: 600px;
  height: 533px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  ._h2 {
    margin-top: 60px;
    font-size: 32px;
    font-family: PingFangSC-Semibold;
    font-weight: bold;
    color: rgba(27, 27, 27, 1);
  }
  .scan-code {
    margin-top: 30px;
    width: 340px;
    height: 340px;
  }
}
.scan-close-icon {
  padding: 42px;
  width: 56px;
  height: 56px;
}
/*支付弹框*/
.dialog-container {
  padding: 20px;
  padding-top: 0;
}

/*top*/
.orderDetail-top-card {
  width: 710px;
  min-height: 264px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  margin-top: 27px;
  padding: 40px 20px;
  .card-top {
    ._h2 {
      font-size: 32px;
      font-family: PingFangSC-Semibold;
      font-weight: bold;
      color: rgba(27, 27, 27, 1);
    }
    .right-icon {
      margin-left: 30px;
      width: 28px;
      height: 28px;
    }
  }
  .center-title {
    margin-top: 10px;
    line-height: 48px;
    font-size: 27px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(56, 56, 56, 1);
  }
  ._h1 {
    //取消原因
    line-height: 40px;
    font-size: 30px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(56, 56, 56, 1);
  }
  .order-status-btn {
    margin-top: 35px;
    //左边 立即支付 二维码 查看账单
    //右边 再次预订 取消订单
    //二维码 再次预订
    .leftBtn {
      width: 280rpx;
      height: 67rpx;
      margin-right: 40px;
      flex: 1;
      height: 70px;
      background: linear-gradient(
        140deg,
        rgba(34, 185, 101, 1),
        rgba(43, 210, 133, 1)
      );
      border-radius: 33px;
      font-size: 28px;
      color: rgba(255, 255, 255, 1);
      line-height: 70px;
      text-align: center;
    }
    .leftBtnBig {
      width: 670px;
      height: 70px;
      background: linear-gradient(
        140deg,
        rgba(34, 185, 101, 1),
        rgba(43, 210, 133, 1)
      );
      border-radius: 33px;
      font-size: 28px;
      color: rgba(255, 255, 255, 1);
      line-height: 70px;
      text-align: center;
    }
    .rtBtn {
      width: 280px;
      height: 67px;
      flex: 1;
      font-size: 28px;
      color: #090909;
      line-height: 70px;
      text-align: center;

      background: #ffffff;
      border-radius: 33px;
    }
    .rtBtnBig {
      width: 670px;
      height: 70px;
      background: linear-gradient(
        140deg,
        rgba(34, 185, 101, 1),
        rgba(43, 210, 133, 1)
      );
      border-radius: 33px;
      font-size: 28px;
      color: rgba(255, 255, 255, 1);
      line-height: 70px;
      text-align: center;
    }
  }
}
.orderDetail-ct-card {
  position: relative;
  width: 710px;
  min-height: 100px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  margin-top: 27px;
  padding: 40px 20px;
  padding-bottom: 36px;
  .ct-top {
    padding-bottom: 14px;
    ._h2 {
      font-size: 32px;
      font-family: PingFangSC-Medium;
      font-weight: bold;
      color: rgba(27, 27, 27, 1);
    }
    .top-center {
      /* margin-top: 10px; */
      ._h6 {
        font-size: 27px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(163, 163, 163, 1);
      }
      .address-icon {
        margin-right: 20px;
        width: 59px;
        height: 59px;
        border-radius: 7px;
      }
    }
  }
  /*店铺电话*/
  .ct-footer {
    padding-top: 27px;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    ._h3 {
      font-size: 29px;
      font-family: PingFang SC;
      font-weight: 400;
      color: rgba(136, 136, 136, 1);
      line-height: 28px;
    }
    .ct-footer-right {
      .cell-phone-icon {
        width: 32px;
        height: 32px;
      }
      ._h4 {
        margin-left: 21px;
        font-size: 29px;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(87, 107, 149, 1);
        line-height: 28px;
      }
    }
  }
}
.ft-card {
  width: 710px;
  min-height: 264px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  margin-top: 27px;
  padding: 40px 20px;
  padding-bottom: 36rpx;
  ._h1 {
    margin-bottom: 40px;
    font-size: 32px;
    font-family: PingFangSC-Semibold;
    font-weight: bold;
    color: rgba(27, 27, 27, 1);
  }
  .cell-item {
    /* padding: 28px 0; */
    margin-bottom: 46rpx;
    width: 100%;
    ._h2 {
      width: 180px;
      font-size: 30px;
      font-weight: 400;
      color: rgba(102, 102, 102, 1);
    }
    ._h3 {
      max-width: 420px;
      font-size: 30px;
      font-weight: 400;
      color: rgba(27, 27, 27, 1);
    }
    .right-icon {
      width: 28px;
      height: 28px;
    }
  }
}
/*订单信息*/
.order-info-card {
  width: 710px;
  min-height: 264px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  margin-top: 27px;
  padding: 40px 20px;
  padding-bottom: 36rpx;
  ._h1 {
    margin-bottom: 44px;
    font-size: 32px;
    font-family: PingFangSC-Semibold;
    font-weight: bold;
    color: rgba(27, 27, 27, 1);
  }
  .cell-item {
    /* padding: 28px 0; */
    margin-bottom: 46rpx;
    width: 100%;
    ._h2 {
      width: 180px;
      font-size: 32px;
      font-weight: 400;
      color: rgba(102, 102, 102, 1);
    }
    ._h3 {
      max-width: 420px;
      font-size: 32px;
      font-weight: 400;
      color: rgba(27, 27, 27, 1);
    }
    .right-icon {
      width: 28px;
      height: 28px;
    }

    //支付金额额外部分
    ._h4 {
      font-size: 32px;
      font-family: PingFang SC;
      font-weight: 400;
      color: rgba(231, 75, 75, 1);
    }
    .img-container {
      ._h5 {
        font-size: 28px;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(252, 177, 66, 1);
      }
      .right-icon {
        margin-left: 15px;
        width: 28px;
        height: 28px;
      }
    }
  }
}
